$(document).ready(function(){

	$("#toggle-btn").toggle(
		function(){
			$('#toggle-btn').animate({'left':'+=130'},100,function(){
				$('#toggle-btn').css('transform','rotate(0deg)').css('border-radius','0 0 8px 8px')
					$('#toggle-btn').css('bottom','-56px')
					$('#notes-panel').animate({'left':'-=430px'})
			});
		},
		function(){
			$('#notes-panel').animate({'left':'+=430px'},function(){
				$('#toggle-btn').animate({'bottom':'+=300px'},100,function(){
					$('#toggle-btn').css('transform','rotate(-90deg)').css('border-radius','8px 8px 0 0')
					$('#toggle-btn').animate({'left':'-90px'},100)
				})
			});
		}
	);


});
